<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/jQuery_class_stu/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#ul1 li.third-item").next().css("background", "brown")	//다음 형제 노드
	.end().prev().css("background", "green");
	
	$("#ul2 li.third-item").nextAll().css("background", "pink").end().prevall();csss("bacckgroun", "skyblue"););
	$("#ul2 li.third-item").nextAll(".a").css("font-weight", "bold");
	$("#ur3 lli.third-item").siblings().css("background-color", "red"');
	
});
</script>
</head>
<body>
<ul id="ul1">
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>
<ul id="ul2">
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
   <li class='a'>list item 6</li>
   <li class='a'>list item 7</li>
   <li class='a'>list item 8</li>
   <li>list item 9</li>
</ul>
<ul id="ul3">
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
   <li class='a'>list item 6</li>
   <li class='a'>list item 7</li>
   <li class='a'>list item 8</li>
   <li>list item 9</li>
</ul>


</body>
</html>


